<template>
  <div id="app">
	<TopMsg v-show="$route.name!='notorder'"></TopMsg>
  <keep-alive v-if="$route.meta.keepAlive">
		<router-view></router-view>
  </keep-alive>
  <router-view v-if="!$route.meta.keepAlive">
    <!-- 这里是不被缓存的视图组件，比如 page3 -->
</router-view>
  </div>
</template>

<script>
import TopMsg from './components/top';
export default {
  name: 'app',
  components: {
			TopMsg
		}
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  /*height: 100%;*/
  width: 1000px;
  margin: 0 auto;
  min-height: 500px;
}
html,body{
	height: 100%;
	width: 100%;
}
li{
	list-style: none;
}
div{
	box-sizing: border-box;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.quesBox tr{
	display: flex;
}

	.clearfix:after{
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix{
		overflow:hidden;
		zoom:1;
		}
.totast{
	min-width: 380px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	left: 50%;
	top: 45%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all 1.3s, -webkit-transform .4s;
	transition: all 1.3s, -webkit-transform .4s;
	transition: all 1.3s, transform .4s;
	transition: all 1.3s, transform .4s, -webkit-transform .4s;
	overflow: hidden;
	padding: 15px 15px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	color: white;
}		
.el-date-editor .el-range-separator{
	padding: 0;
}
.el-carousel__indicators--outside button{
		background-color: white;
		opacity: 1;
	}
	.el-carousel__indicator.is-active button{
		background-color: #14ACF4;
	}
	.el-carousel__arrow--right{
		right: 0px;
		
	}
	.el-carousel__arrow--left{
		left: 0px;
	}
	.el-carousel__arrow i{
		font-size: 16px;
	}
	.el-carousel__arrow{
		background-color: rgba(255,255,255,0.3);
	}
	.el-carousel__indicator{
		
		padding:12px 8px;
		width: 32px;
	}
	.el-carousel__indicator>button{
		width: 16px;
	}
	.el-carousel__container{
		overflow-x: visible;
	}
	.el-carousel__arrow:hover{
		background-color: rgba(255,255,255,0.5);
	}
</style>
